<!DOCTYPE html>਍㰀䠀吀䴀䰀㸀ഀ
<HEAD>਍ऀ㰀吀䤀吀䰀䔀㸀 娀吀刀䔀䔀 䐀䔀䴀伀 ⴀ 甀瀀搀愀琀攀一漀搀攀㰀⼀吀䤀吀䰀䔀㸀ഀ
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">਍ऀ㰀氀椀渀欀 爀攀氀㴀∀猀琀礀氀攀猀栀攀攀琀∀ 栀爀攀昀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀挀猀猀⼀搀攀洀漀⸀挀猀猀∀ 琀礀瀀攀㴀∀琀攀砀琀⼀挀猀猀∀㸀ഀ
	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">਍ऀ㰀猀挀爀椀瀀琀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀ 猀爀挀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀樀猀⼀樀焀甀攀爀礀ⴀ㄀⸀㐀⸀㐀⸀洀椀渀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀ഀ
	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>਍ऀ㰀℀ⴀⴀ  㰀猀挀爀椀瀀琀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀ 猀爀挀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀樀猀⼀樀焀甀攀爀礀⸀稀琀爀攀攀⸀攀砀挀栀攀挀欀ⴀ㌀⸀㔀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀ഀ
	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->਍ऀ㰀匀䌀刀䤀倀吀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀㸀ഀ
		<!--਍ऀऀ瘀愀爀 猀攀琀琀椀渀最 㴀 笀ഀ
			view: {਍ऀऀऀऀ猀攀氀攀挀琀攀搀䴀甀氀琀椀㨀 昀愀氀猀攀ഀ
			},਍ऀऀऀ搀愀琀愀㨀 笀ഀ
				simpleData: {਍ऀऀऀऀऀ攀渀愀戀氀攀㨀 琀爀甀攀ഀ
				}਍ऀऀऀ紀ഀ
		};਍ഀ
		var zNodes =[਍ऀऀऀ笀 椀搀㨀㄀Ⰰ 瀀䤀搀㨀　Ⰰ 渀愀洀攀㨀∀㘀色릂ㅰ∀Ⰰ 漀瀀攀渀㨀琀爀甀攀紀Ⰰഀ
			{ id:11, pId:1, name:"叶子节点1"},਍ऀऀऀ笀 椀搀㨀㄀㈀Ⰰ 瀀䤀搀㨀㄀Ⰰ 渀愀洀攀㨀∀偓艛릂㉰∀紀Ⰰഀ
			{ id:13, pId:1, name:"叶子节点3"},਍ऀऀऀ笀 椀搀㨀㈀Ⰰ 瀀䤀搀㨀　Ⰰ 渀愀洀攀㨀∀㘀色릂㉰∀Ⰰ 漀瀀攀渀㨀琀爀甀攀紀Ⰰഀ
			{ id:21, pId:2, name:"叶子节点1"},਍ऀऀऀ笀 椀搀㨀㈀㈀Ⰰ 瀀䤀搀㨀㈀Ⰰ 渀愀洀攀㨀∀偓艛릂㉰∀紀Ⰰഀ
			{ id:23, pId:2, name:"叶子节点3"},਍ऀऀऀ笀 椀搀㨀㌀Ⰰ 瀀䤀搀㨀　Ⰰ 渀愀洀攀㨀∀㘀色릂㍰∀Ⰰ 漀瀀攀渀㨀琀爀甀攀 紀Ⰰഀ
			{ id:31, pId:3, name:"叶子节点1"},਍ऀऀऀ笀 椀搀㨀㌀㈀Ⰰ 瀀䤀搀㨀㌀Ⰰ 渀愀洀攀㨀∀偓艛릂㉰∀紀Ⰰഀ
			{ id:33, pId:3, name:"叶子节点3"}਍ऀऀ崀㬀ഀ
਍ऀऀ瘀愀爀 渀愀洀攀䌀漀甀渀琀 㴀 　Ⰰ 椀挀漀渀䌀漀甀渀琀 㴀 ㄀Ⰰ 挀漀氀漀爀 㴀 嬀　Ⰰ 　Ⰰ 　崀㬀ഀ
		function updateNode(e) {਍ऀऀऀ瘀愀爀 稀吀爀攀攀 㴀 ␀⸀昀渀⸀稀吀爀攀攀⸀最攀琀娀吀爀攀攀伀戀樀⠀∀琀爀攀攀䐀攀洀漀∀⤀Ⰰഀ
			type = e.data.type,਍ऀऀऀ渀漀搀攀猀 㴀 稀吀爀攀攀⸀最攀琀匀攀氀攀挀琀攀搀一漀搀攀猀⠀⤀㬀ഀ
			if (nodes.length == 0) {਍ऀऀऀऀ愀氀攀爀琀⠀∀䢋॑b⩎艎릂≰⤀㬀ഀ
			}਍ऀऀऀ昀漀爀 ⠀瘀愀爀 椀㴀　Ⰰ 氀㴀渀漀搀攀猀⸀氀攀渀最琀栀㬀 椀㰀氀㬀 椀⬀⬀⤀ 笀ഀ
				zTree.setting.view.fontCss = {};਍ऀऀऀऀ椀昀 ⠀琀礀瀀攀 㴀㴀 ∀爀攀渀愀洀攀∀⤀ 笀ഀ
					nodes[i].name = nodes[i].name.replace(/_[\d]*$/g, "") + "_" + (nameCount++);਍ऀऀऀऀ紀 攀氀猀攀 椀昀 ⠀琀礀瀀攀 㴀㴀 ∀椀挀漀渀∀⤀ 笀ഀ
					if (iconCount > 8) {਍ऀऀऀऀऀऀ渀漀搀攀猀嬀椀崀⸀椀挀漀渀匀欀椀渀 㴀 渀甀氀氀㬀ഀ
						iconCount = 1;਍ऀऀऀऀऀ紀 攀氀猀攀 椀昀 ⠀渀漀搀攀猀嬀椀崀⸀椀猀倀愀爀攀渀琀⤀ 笀ഀ
						nodes[i].iconSkin = nodes[i].iconSkin ? null : "pIcon01";਍ऀऀऀऀऀ紀 攀氀猀攀 笀ഀ
						nodes[i].iconSkin = "icon0" + (iconCount++);਍ऀऀऀऀऀ紀ഀ
				} else if (type == "color") {਍ऀऀऀऀऀ挀漀氀漀爀 㴀 嬀　Ⰰ 　Ⰰ 　崀㬀ഀ
					var r1 = Math.round(Math.random()*3 - 0.5);਍ऀऀऀऀऀ挀漀氀漀爀嬀爀㄀崀 㴀 ㄀㔀㬀ഀ
					var r2 = Math.round(Math.random()*3 - 0.5);਍ऀऀऀऀऀ眀栀椀氀攀 ⠀爀㈀ 㴀㴀㴀 爀㄀⤀ 笀ഀ
						r2 = Math.round(Math.random()*3 - 0.5);਍ऀऀऀऀऀ紀ഀ
					color[r2] = Math.round(Math.random()*16-0.5);਍ऀऀऀऀऀ稀吀爀攀攀⸀猀攀琀琀椀渀最⸀瘀椀攀眀⸀昀漀渀琀䌀猀猀嬀∀挀漀氀漀爀∀崀 㴀 ∀⌀∀⬀挀漀氀漀爀嬀　崀⸀琀漀匀琀爀椀渀最⠀㄀㘀⤀⬀挀漀氀漀爀嬀㄀崀⸀琀漀匀琀爀椀渀最⠀㄀㘀⤀⬀挀漀氀漀爀嬀㈀崀⸀琀漀匀琀爀椀渀最⠀㄀㘀⤀㬀ഀ
				} else if (type == "font") {਍ऀऀऀऀऀ瘀愀爀 猀琀礀氀攀 㴀 ␀⠀∀⌀∀ ⬀ 渀漀搀攀猀嬀椀崀⸀琀䤀搀 ⬀ ∀开愀∀⤀⸀挀猀猀⠀∀昀漀渀琀ⴀ猀琀礀氀攀∀⤀ 㬀ഀ
					style = (style=="italic" ? "normal" : "italic");਍ऀऀऀऀऀ稀吀爀攀攀⸀猀攀琀琀椀渀最⸀瘀椀攀眀⸀昀漀渀琀䌀猀猀嬀∀昀漀渀琀ⴀ猀琀礀氀攀∀崀 㴀 猀琀礀氀攀㬀ഀ
				}਍ऀऀऀऀ稀吀爀攀攀⸀甀瀀搀愀琀攀一漀搀攀⠀渀漀搀攀猀嬀椀崀⤀㬀ഀ
			}਍ऀऀ紀ഀ
਍ऀऀ␀⠀搀漀挀甀洀攀渀琀⤀⸀爀攀愀搀礀⠀昀甀渀挀琀椀漀渀⠀⤀笀ഀ
			$.fn.zTree.init($("#treeDemo"), setting, zNodes);਍ऀऀऀ␀⠀∀⌀爀攀渀愀洀攀∀⤀⸀戀椀渀搀⠀∀挀氀椀挀欀∀Ⰰ 笀琀礀瀀攀㨀∀爀攀渀愀洀攀∀紀Ⰰ 甀瀀搀愀琀攀一漀搀攀⤀㬀ഀ
			$("#changeIcon").bind("click", {type:"icon"}, updateNode);਍ऀऀऀ␀⠀∀⌀挀栀愀渀最攀䌀漀氀漀爀∀⤀⸀戀椀渀搀⠀∀挀氀椀挀欀∀Ⰰ 笀琀礀瀀攀㨀∀挀漀氀漀爀∀紀Ⰰ 甀瀀搀愀琀攀一漀搀攀⤀㬀ഀ
			$("#changeFont").bind("click", {type:"font"}, updateNode);਍ऀऀ紀⤀㬀ഀ
		//-->਍ऀ㰀⼀匀䌀刀䤀倀吀㸀ഀ
	<style type="text/css">਍⸀稀琀爀攀攀 氀椀 猀瀀愀渀⸀戀甀琀琀漀渀⸀瀀䤀挀漀渀　㄀开椀挀漀开漀瀀攀渀笀洀愀爀最椀渀ⴀ爀椀最栀琀㨀㈀瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 甀爀氀⠀⸀⸀⼀⸀⸀⼀⸀⸀⼀挀猀猀⼀稀吀爀攀攀匀琀礀氀攀⼀椀洀最⼀搀椀礀⼀㄀开漀瀀攀渀⸀瀀渀最⤀ 渀漀ⴀ爀攀瀀攀愀琀 猀挀爀漀氀氀 　 　 琀爀愀渀猀瀀愀爀攀渀琀㬀 瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀琀漀瀀㬀 ⨀瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀洀椀搀搀氀攀紀ഀ
.ztree li span.button.pIcon01_ico_close{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_close.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}਍⸀稀琀爀攀攀 氀椀 猀瀀愀渀⸀戀甀琀琀漀渀⸀椀挀漀渀　㄀开椀挀漀开搀漀挀甀笀洀愀爀最椀渀ⴀ爀椀最栀琀㨀㈀瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 甀爀氀⠀⸀⸀⼀⸀⸀⼀⸀⸀⼀挀猀猀⼀稀吀爀攀攀匀琀礀氀攀⼀椀洀最⼀搀椀礀⼀㈀⸀瀀渀最⤀ 渀漀ⴀ爀攀瀀攀愀琀 猀挀爀漀氀氀 　 　 琀爀愀渀猀瀀愀爀攀渀琀㬀 瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀琀漀瀀㬀 ⨀瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀洀椀搀搀氀攀紀ഀ
.ztree li span.button.icon02_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}਍⸀稀琀爀攀攀 氀椀 猀瀀愀渀⸀戀甀琀琀漀渀⸀椀挀漀渀　㌀开椀挀漀开搀漀挀甀笀洀愀爀最椀渀ⴀ爀椀最栀琀㨀㈀瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 甀爀氀⠀⸀⸀⼀⸀⸀⼀⸀⸀⼀挀猀猀⼀稀吀爀攀攀匀琀礀氀攀⼀椀洀最⼀搀椀礀⼀㐀⸀瀀渀最⤀ 渀漀ⴀ爀攀瀀攀愀琀 猀挀爀漀氀氀 　 　 琀爀愀渀猀瀀愀爀攀渀琀㬀 瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀琀漀瀀㬀 ⨀瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀洀椀搀搀氀攀紀ഀ
.ztree li span.button.icon04_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}਍⸀稀琀爀攀攀 氀椀 猀瀀愀渀⸀戀甀琀琀漀渀⸀椀挀漀渀　㔀开椀挀漀开搀漀挀甀笀洀愀爀最椀渀ⴀ爀椀最栀琀㨀㈀瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 甀爀氀⠀⸀⸀⼀⸀⸀⼀⸀⸀⼀挀猀猀⼀稀吀爀攀攀匀琀礀氀攀⼀椀洀最⼀搀椀礀⼀㘀⸀瀀渀最⤀ 渀漀ⴀ爀攀瀀攀愀琀 猀挀爀漀氀氀 　 　 琀爀愀渀猀瀀愀爀攀渀琀㬀 瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀琀漀瀀㬀 ⨀瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀洀椀搀搀氀攀紀ഀ
.ztree li span.button.icon06_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}਍⸀稀琀爀攀攀 氀椀 猀瀀愀渀⸀戀甀琀琀漀渀⸀椀挀漀渀　㜀开椀挀漀开搀漀挀甀笀洀愀爀最椀渀ⴀ爀椀最栀琀㨀㈀瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 甀爀氀⠀⸀⸀⼀⸀⸀⼀⸀⸀⼀挀猀猀⼀稀吀爀攀攀匀琀礀氀攀⼀椀洀最⼀搀椀礀⼀㠀⸀瀀渀最⤀ 渀漀ⴀ爀攀瀀攀愀琀 猀挀爀漀氀氀 　 　 琀爀愀渀猀瀀愀爀攀渀琀㬀 瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀琀漀瀀㬀 ⨀瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀洀椀搀搀氀攀紀ഀ
.ztree li span.button.icon08_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/9.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}਍ऀ㰀⼀猀琀礀氀攀㸀ഀ
</HEAD>਍ഀ
<BODY>਍㰀栀㄀㸀⠀⁵稀吀爀攀攀 뤀핥⁬끦⁥舀릂灰湥㱣⼀栀㄀㸀ഀ
<h6>[ 文件路径: core/update_fun.html ]</h6>਍㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀开眀爀愀瀀∀㸀ഀ
	<div class="zTreeDemoBackground left">਍ऀऀ㰀甀氀 椀搀㴀∀琀爀攀攀䐀攀洀漀∀ 挀氀愀猀猀㴀∀稀琀爀攀攀∀㸀㰀⼀甀氀㸀ഀ
	</div>਍ऀ㰀搀椀瘀 挀氀愀猀猀㴀∀爀椀最栀琀∀㸀ഀ
		<ul class="info">਍ऀऀऀ㰀氀椀 挀氀愀猀猀㴀∀琀椀琀氀攀∀㸀㰀栀㈀㸀㄀Ā田瀀搀愀琀攀一漀搀攀 뤀핥쵬層຋㱦⼀栀㈀㸀ഀ
				<ul class="list">਍ऀऀऀऀ㰀氀椀 挀氀愀猀猀㴀∀栀椀最栀氀椀最栀琀开爀攀搀∀㸀缀⡏⁵稀吀爀攀攀伀戀樀⸀甀瀀搀愀琀攀一漀搀攀 뤀핥౬욋슋셓₉䄀倀䤀 蜀捥⵨葎獶蕑륑㱛⼀氀椀㸀ഀ
				<li><p>此 Demo 只能同时选中一个节点<br/>਍ऀऀऀऀऀ픀햋஋᩷寿 㰀愀 椀搀㴀∀爀攀渀愀洀攀∀ 栀爀攀昀㴀∀⌀∀ 漀渀挀氀椀挀欀㴀∀爀攀琀甀爀渀 昀愀氀猀攀㬀∀㸀戀ൣ吊字</a> ]਍ऀऀऀऀऀ☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀嬀 㰀愀 椀搀㴀∀挀栀愀渀最攀䤀挀漀渀∀ 栀爀攀昀㴀∀⌀∀ 漀渀挀氀椀挀欀㴀∀爀攀琀甀爀渀 昀愀氀猀攀㬀∀㸀戀﹣ݖ㱨⼀愀㸀 崀ഀ
					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="changeColor" href="#" onclick="return false;">换颜色</a> ]਍ऀऀऀऀऀ☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀嬀 㰀愀 椀搀㴀∀挀栀愀渀最攀䘀漀渀琀∀ 栀爀攀昀㴀∀⌀∀ 漀渀挀氀椀挀欀㴀∀爀攀琀甀爀渀 昀愀氀猀攀㬀∀㸀鰀卥㱏⼀愀㸀 崀㰀⼀瀀㸀ഀ
				</li>਍ऀऀऀऀ㰀⼀甀氀㸀ഀ
			</li>਍ऀऀऀ㰀氀椀 挀氀愀猀猀㴀∀琀椀琀氀攀∀㸀㰀栀㈀㸀㈀Ā猰攀琀琀椀渀最 䴀溑潏຋㱦⼀栀㈀㸀ഀ
				<ul class="list">਍ऀऀऀऀ㰀氀椀㸀ഀ上需要对 setting 进行特殊设置</li>਍ऀऀऀऀ㰀氀椀 挀氀愀猀猀㴀∀栀椀最栀氀椀最栀琀开爀攀搀∀㸀䴀࢑⁔猀攀琀琀椀渀最⸀瘀椀攀眀⸀昀漀渀琀䌀猀猀 㥏艥릂蝰坥㝛ཨ㱟⼀氀椀㸀ഀ
				</ul>਍ऀऀऀ㰀⼀氀椀㸀ഀ
			<li class="title"><h2>3、treeNode 节点数据说明</h2>਍ऀऀऀऀ㰀甀氀 挀氀愀猀猀㴀∀氀椀猀琀∀㸀ഀ
				<li class="highlight_red">zTreeObj.updateNode 方法的 API 文档中有详细说明</li>਍ऀऀऀऀ㰀⼀甀氀㸀ഀ
			</li>਍ऀऀऀ㰀氀椀 挀氀愀猀猀㴀∀琀椀琀氀攀∀㸀㰀栀㈀㸀㐀Ā瘰홑຋㱦⼀栀㈀㸀ഀ
				<ul class="list">਍ऀऀऀऀ㰀氀椀㸀搀⁫䐀攀洀漀 ⼀衦璉⁛㠀써 樀猀 Ԁ⁓挀漀爀攀 㘀屒葏౶摖൫上包括 checkbox 的更新操作</li>਍ऀऀऀऀ㰀⼀甀氀㸀ഀ
			</li>਍ऀऀ㰀⼀甀氀㸀ഀ
	</div>਍㰀⼀搀椀瘀㸀ഀ
</BODY>਍㰀⼀䠀吀䴀䰀㸀